$(() => {
    // 使用Ajax请求获取用户数据渲染页面
    $.ajax({
        type: "get",
        url: bigNews.user_info,
        // 两个更改响应头方法
        // headers: { authorization: window.localStorage.getItem('bignews_token') },

        // beforeSend(xhr) {
        //     xhr.setRequestHeader('Authorization', window.localStorage.getItem('bignews_token'))
        // },
        // 我们在jq页面加了sendup方法，判断有没有请求头，没有会有发生错误并返回登陆页面
        // 如果本地有请求头会beforesend默认自动发送
        success: function (response) {
            // console.log(response);
            $('.user_center_link>img').prop({ src: response.data.userPic })
            $('.user_info>img').prop({
                src: response.data.userPic
            })
            $('.user_info>span').html('欢迎&nbsp;&nbsp;' + response.data.nickname)
        }
    });
    // 左边导航栏点击事件  active
    $('.level01').on('click', function () {
        // 点击有高亮效果
        $(this).addClass('active').siblings().removeClass('active')
        // 判断下一个兄弟元素是不是有一个类名为level02，因为是放在同一级上面
        // 如有下级菜单则展开
        if ($(this).next().hasClass('level02')) {
            $('.level02').slideToggle();
            $(this).find('b').toggleClass('rotate0')
        } else {
            $('.level02').slideUp();
            $('.level01').find('b').removeClass('rotate0')
        }
    })
    // 二级菜单点击高亮
    $('.level02').on('click', 'li', function () {
        $(this).addClass('active').siblings().removeClass('active')
    })
    // 点击退出登录按钮
    $('.logout').click(function () {
        // 1.点击退出按钮后，把本地存储的token令牌删除
        window.localStorage.removeItem('bignews_token')
        // 2.利用location方法的替换replace，跳转到登录页面并不能后退
        window.location.replace('./login.html')
        // window.location.replace("https://www.runoob.com")
    })

})